| Server IP : 198.38.84.71 / Your IP : 216.73.217.138 Web Server : Apache System : Linux 198-38-84-71.cprapid.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : vyaparmandaljobn ( 1020) PHP Version : 8.3.31 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/vyaparmandaljobn/public_html/wp-content/themes/essentials/inc/scss/elements/ |
Upload File : |
.pix-video {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
.video-bg {
position: absolute;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.video-play-btn {
position: absolute;
z-index: 2;
margin: 0 auto;
cursor: pointer;
height: 100px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
i {
line-height: 100px;
font-size: 30px;
font-weight: $font-weight-bold;
}
}
iframe, video {
opacity: 0;
}
&.video-active {
background: #000;
.video-bg {
opacity: 0;
background: #000;
}
.video-play-btn {
opacity: 0;
pointer-events: none;
}
iframe, video {
opacity: 1;
}
}
&.video-start {
.video-bg, .video-play-btn {
display:none;
}
}
}
.pix-video-section {
position: relative;
}
.pix-video-cover {
position: absolute;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
display: inline-block;
left: 0;
width: 100%;
height: 100%;
.jarallax {
position: absolute;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
display: inline-block;
width: 100%;
height: 100%;
}
}
.pix-vertical-middle {
vertical-align: middle;
}